@import '../../assets/less/normalColor.less';
#transactionPassword{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200000;
  .transactionPassword-shadow{
    height: 100%;
    background-color: #000;
    opacity: 0.6;
  }
  .transactionPassword-content{
    width:100%;
    height: 60%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px 20px;
    background-color: #ddd;
    .transactionPassword-title{
      font-size: 1.5em;
      text-align: center;
    }
    .transactionPassword-times{
      position: absolute;
      left: 15px;
      top: 10px;
    }
    .transactionPassword-notice{
      text-align: center;
      padding-top: 20px;
      font-size: 1.1em;
      line-height: 1.5;
      span {
        color: @notice-yellow-color;
      }
    }
  }
  .transactionPassword-btn{
    margin: 30px auto 0;
    width: 90%;
    border-radius: 0;
    position: absolute;
    bottom: 60px;
    left: 5%;
  }
  .transactionPassword-pass{
    width: 90%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    display: flex;
    margin: 20px auto 0;
    div{
      height: 100%;
      flex-grow: 1;
      text-align: center;
      border-bottom: 1px solid #777;
      border-right: 1px solid #777;
    }
  }
}